<template>
  <div class="V-Ran">
      <VRanvideo v-for="(item) in recVideoList" :key="item.id" :recVideoLists="item"></VRanvideo>
  </div>
</template>

<script>
import VRanvideo from './V-Ranvideo.vue'
import {recVideo} from '../request/api/Video.js'
export default {
    components: {
      VRanvideo,  
    },
    data () {
        return {
            recVideoList:[],
        }
    },
    created () {
        this.getrecVideoList()
    },
    methods: {
        getrecVideoList(){
            recVideo('/mv/all',{area:'华语'}).then((res)=>{
                this.recVideoList = res.data
            })
        }
    }
}
</script>

<style scoped lang="scss">
.V-Ran{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        height: 100%;
    }
</style>